<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>A smoother Thickbox demo</title>
        <link rel="stylesheet" href="thickbox.css" type="text/css" media="projection, screen" />
        <!-- Additional IE/Win specific style sheet (Conditional Comments) -->
        <!--[if lte IE 7]>
        <link rel="stylesheet" href="thickbox_ie.css" type="text/css" media="projection, screen" />
        <![endif]-->
        <style type="text/css">
            p {
                margin: 1em 0;
            }
            body {
            	margin: 1em;
            }
        </style>
        <script src="jquery.js" type="text/javascript"></script>
        <script src="metadata.js" type="text/javascript"></script>
        <script src="bgiframe.js" type="text/javascript"></script>
        <script src="bassbox.js" type="text/javascript"></script>
        <script type="text/javascript">
        	$(function() {
	        	$('a.box').Bassbox();
	        });
        </script>
    </head>
    <body>
        <h1>Bassbox demo</h1>

        <p><a class="box" href="single.jpg"><img src="single_t.jpg" alt="" /></a></p>
        <p>
	        <select style="margin-top: 5em">
	        	<option>I am evil knivil pevil evilknivil pevil evilknivil pevil evilknivil pevil evil</option>
	        </select>
	    </p>
	    <p><a id="iframe" class="box {display:'iframe'}" href="iframe.html" title="buga">iFrame?</a></p>
    </body>
</html>